const list = [
    { id: 1, name: 'Vue' },
    { id: 2, name: "React" },
    { id: 3, name: "Angular" }
]
function App() {
    return (
        <div className="App">
            {/* 
            渲染列表
            map循环那个结构return结构
            注意事项：加上一个独一无二的key,字符串或者number,
            key的作用:react框架内部使用,提升更新性能的 
            */}
            <ul>{list.map((item) => <li key='item.id'>{item.name}</li>)}</ul>
        </div>
    );
}

export default App;
